﻿body {margin:0px;padding:0px;}
div,span,p,a,input{font:12px tahoma;direction:rtl;}
a{text-decoration:none;}
li{list-style-type:none;}
#main{width:920px;margin:0px auto;}
#loginStatus { position:relative;width:100%;height:25px;border:solid 1px #ccc;width:95.5%;margin-right:8px;background:url(images/topback.jpg) top;border-top:none;}
#status{position:absolute;right:10px;top:5px;}
#loginStatus a {font:bold 11px tahoma; color:#555; text-decoration:none }
#loginStatus a:hover { text-decoration:underline }
#topmenu{padding-bottom:25px;width:100%;margin:40px;position:relative;}
#banklogo{background:url(images/logo.png) center;width:150px;height:100px;position:absolute;right:-10px;top:-35px;}
#box{width:100%;margin:10px auto;}
#box ul{margin:0px;padding:0px;}
#box li{float:right;margin:10px;width:430px;height:270px;background:#efefef;}
#banklist{width:80%;margin:0px auto;}
#banklist td {border:solid 1px #ccc;background:#fff ;width:50px;}
#banklist td a{display:block;height:30px;width:30px;}
#banklist td span{font:9px tahoma !important;text-align:center;}
#selectcard{margin:0px auto;padding:0px;width:150px;}
#selectcard td{margin:15px;width:150px;height:37px;background:#FCD611;text-align:center;border:solid 1px #CFAF00;}
#selectcard td span{padding:3px auto;color:White;font:bold 14px tahoma;}
#footer{clear:both;width:89%;margin:30px;border-top:solid 1px #ccc;font:10px tahoma;direction:rtl;text-align:center;padding:20px 10px;}
#cardselect{width:90%;margin:0px auto 0px auto;}
#cardselect ul{margin:0px;padding:0px}
#cardselect li{display:inline;margin:2px;width:85px;height:23px;font:bold 12px tahoma;text-align:center;vertical-align:middle;padding-top:8px;cursor:pointer;}
#irancell{background:#FCD611 !important;border:none !important;}
#taliya{background:#BD2429 !important;border:none !important;}
#haval{background:#33CCCC !important;border:none !important;}
#irancellbox,#taliyabox,#havalbox{width:90%;margin:-2px 18px;background:#FDF2B2;height:180px;border:solid 2px #FAD40F;position:absolute;right:5px;top:35px;}
#taliyabox{background:#EAB8BB;border-color:#BD2429;position:absolute;right:5px;top:35px;}
#havalbox{background:#CFFFFF;border-color:#33cccc;position:absolute;right:5px;top:35px;}
#tbform{width:85%;margin:-7px auto;font:bold 12px tahoma;color:#555;}
#selectbank{padding:20px;margin-top:10px;}
#selectItem{font:11px tahoma;}
#factor{font:11px tahoma;text-align:center;width:80%;margin:5px auto 0px auto;}
#factor td{width:50%;border:solid 1px #ccc;color:#333;background:#fff;height:20px !important;}
#VoucherCount{font:bold 13px tahoma;width:140px;text-align:center;color:Green;}

.input{width:230px;height:20px;border:solid 1px #999;padding-top:5px;font:bold 18px tahoma;text-align:left;direction:ltr;color:#555;}
.head{height:28px;border:solid 1px #bbb;background:url(images/no_flicker.jpg);padding:0px;margin:5px auto;width:97%;}
.content{width:100%;margin-top:10px;position:relative;}
.counter{float:right;margin:2px 7px 3px 3px;}
.stepheader{font:bold 12px tahoma;float:right;color:#333;margin-top:6px;}
.bank{background-image:url(images/banklist.png);background-repeat:no-repeat;background-color:#ffffff;/*float:right;*/height:30px;margin:0 auto;width:30px;}

.b1{background-position:-117px center;}       /* بانک سامان */
.b2{background-position:-237px center;}       /* بانک اقتصاد نوین*/
.b3{background-position:-57px center;}        /* بانک پارسیان*/
.b4{background-position:-87px center;}        /* بانک پاسارگاد*/
.b5{background-position:-27px center;}        /* بانک ملت*/
.b6{background-position:3px center;}          /* بانک ملی*/
.b7{background-position:-207px center;}       /*  توسعه صادرات*/
.b8{background-position:-297px center;}       /*  صادرات*/
.b9{background-position:-147px center;}       /*  صنعت و معدن*/
.b10{background-position:-267px center;}      /*  کشاورزی*/
.b11{background-position:-177px center;}      /*  سینا*/
.b12{background-position:-327px center;}      /*  تجارت*/


.companylogo{float:left;margin:40px 20px;}
.messagediv{margin:80px 10px;font-weight:bold;}
.alignleft{text-align:left;}
.message{margin-right:10px;color:#333;font:12px tahoma;padding:16px;line-height:20px;padding-bottom:0px;}
.activeField{background-image: none;background-color: #ffffff;border: solid 1px #555;}
.idle{border: solid 1px #777;background-image: url(images/back.png);background-repeat: repeat-x;background-position: top;}
.btn{background:url(images/submit.png) center ;width:260px;height:90px;margin-top:0px;border:none;cursor:pointer;}
.border{border:dashed 1px #31BCF6 !important;cursor:pointer;}
.select{border:solid 1px #31BCF6 !important;cursor:pointer;background:#DDEDFA !important;}
.ftitle{font:bold 12px tahoma;color:#555;}
.price{font:bold 13px tahoma;color:Green;}
.totalprice,.VoucherAmount,.VoucherPrice{border:solid 1px #fff;font:bold 12px tahoma !important;color:Green;text-align:center}
.selectItem{font:12px tahoma;color:#333;}
/* menu */
.menu{list-style: none;margin:0 0 0 70px;padding:0;background-image:url(images/no_flicker.jpg);}  
.menu li{overflow:hidden;padding:0;cursor:pointer;float:left;}
.menu a{display:block;text-indent:-9999px;outline:none;}
#m1 a{background:url(images/menu/help.jpg);width:138px;height:38px;}
#m2 a{background:url(images/menu/membership.jpg);width:138px;height:38px;}
#m3 a{background:url(images/menu/package.jpg);width:138px;height:38px;}
#m4 a{background:url(images/menu/contact.jpg);width:138px;height:38px;}
#m5 a{background:url(images/menu/home.jpg);width:145px;height:38px;}
.space{width:3px;background:url(images/menu/space.jpg);height:38px;}

#m1 a:hover{background:url(images/menu/help.jpg) 0 37px;}
#m2 a:hover{background:url(images/menu/membership.jpg) 0 37px;}
#m3 a:hover{background:url(images/menu/package.jpg) 0 37px;}
#m4 a:hover{background:url(images/menu/contact.jpg) 0 37px;}
#m5 a:hover{background:url(images/menu/home.jpg) 0 37px;}


/* ColorBox Core Style */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*	ColorBox example user style*/
#cboxOverlay{background:#444;}
#colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) top left no-repeat;}
#cboxTopCenter{height:14px; background:url(images/borderHorizontal.png) top left repeat-x;}
#cboxTopRight{width:14px; height:14px; background:url(images/controls.png) top right no-repeat;}
#cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) bottom left no-repeat;}
#cboxBottomCenter{height:43px; background:url(images/borderHorizontal.png) bottom left repeat-x;}
#cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) bottom right no-repeat;}
#cboxMiddleLeft{width:14px; background:url(images/borderVertical.png) top left repeat-y;}
#cboxMiddleRight{width:14px; background:url(images/borderVertical.png) top right repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#949494;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#949494;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -14px -23px;}
#cboxPrevious.hover{background-position:-14px 0px;}
#cboxNext{left:27px; background-position:-37px -23px;}
#cboxNext.hover{background-position:-37px 0px;}
#cboxClose{right:0; background-position:-60px -23px;}
#cboxClose.hover{background-position:-60px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-83px -0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-106px -0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-106px -23px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-83px -0px;}
/* login style */
#loginbox {width:620px;padding:5px;background:url(images/back.gif) no-repeat ;margin:10px auto;min-height:100px;}
#loginbox table{width:350px;margin:10px 20px 0 20px;}
#loginbox img{float:left;margin:20px 0 10px 40px;}
.helpBox{width:85%;border:solid 1px #ccc;background:url(images/mbg.gif);padding:10px;margin:0px auto;}
.helpBox ul li{list-style-image:url(images/point.png);margin:5px;text-align:justify;}
.button{background:#FFD52F url(images/blue_skin.png);background-position:0px -8638px;border:solid 2px #4A6379;}
.btn2{padding:2px;border:1px solid #999;width:80px;}
.btnwidth{width:175px;text-align:center;height:18px;vertical-align:middle;cursor:pointer;display:block;color:#000;float:left;margin:5px 6px;}
.bbtn{float:right;margin-right:60px;margin-top:-20px;}
.label{font:bold 14px tahoma;}
.inputclass{width:200px;height:22px;border:solid 1px #999;float:right;padding:3px 2px 0 2px;font:bold 13px tahoma;}
.submitbutton{background:url('images/button_submit3.gif');width:130px;height:40px;text-align:center;border:none;font:bold 15px tahoma;}
.ltr{text-align:left;direction:ltr;}
.ltr2{text-align:left;}
.btn,.lititle,.bold,b,.errorBox{font:bold 11px tahoma}
.b{text-align:justify;padding:0px 3px;font:bold 10px/15px tahoma;}
.border{border:solid 1px #ccc;}
.display{display:none;}
#mLogo ul li {color:#555;list-style-type:circle;margin:5px;text-align:justify;padding-right:5px;}

/* Payment Style */
.saleList{width:804px;margin:10px auto;}
.headsales{background:url(images/tback.gif);height:30px;border-bottom:1px #ccc solid;position:relative;}
.headsales span{font:bold 12px tahoma;color:#555;position:absolute;right:10px;top:5px;}
.contentsale{border-right:solid 1px #ccc;border-left:solid 1px #ccc;min-height:200px;height:auto;}
.contentsale table{text-align:center;padding-top:20px;font:12px tahoma;}
.bottomsale{background:url(images/bback.png);height:5px;}
.contentsale table td{text-align:center;}
.tdright{text-align:right;}
.tdleft{text-align:left;}
.img{position:absolute;right:100px;top:0px;}
.msale{margin-right:10px;text-align:justify;}
.back{background:#eee;}
.title{color:#0088CC;font:bold 11px tahoma;}

/* Package Style */

#package{width:95%;margin:40px 0;margin-right:30px;min-height:500px}
#package ul{margin:0px;padding:0px;}
#package ul li{width:260px;height:250px;background:url(images/box.png);float:right;display:block;margin:10px;}
.pimg{border:solid 1px #ccc;padding:2px;height:90px;width:90px;margin:5px;}
.titlebox,.imgbox,.titlebox{width:100%;text-align:center;height:85px;margin-bottom:20px;}
.desbox,.pricebox,.titlebox{height:20px;font:bold 12px tahoma;color:#0088CC;margin:5px auto;padding:0px 7px;}
.titlebox{height:20px;padding:3px;padding-top:5px;}
.pricebox{height:20px;font:12px tahoma;color:#555;background:#eee;width:80%;text-align:center;}
.desbox{height:50px;color:#555;font:10px tahoma;text-align:justify;}
.btnbox{text-align:center;}
.helpimg{border:solid 1px #cc;padding:1px;margin:10px auto;}
.helpicon{vertical-align:bottom;}
.curvy {position:relative; width:60%; background:#FF9900; color:#000; margin:5em auto;direction:rtl;text-align:center;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#FF9900; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#FF9900; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:10px 15px; font-size:11px;}
.notvalid{background:#aaa !important;border:dashed 1px #FF5F5F;}

#error { height:200px; background:url(images/BG_bokeh.jpg); }

#errorDescription { position:absolute; top: 100px; background-color:White; margin:100px; width:600px; padding:50px; }